<template>
  <div id="app">
    <!-- 以下代码的问题：是把所有的组件都缓存，导致文章详情都是同一片文章 -->
    <!-- <keep-alive>
      <router-view />
    </keep-alive> -->

    <!-- 是否要缓存该组件，关键看当前路由元信息上是否有isKeepLive  -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepLive" />
    </keep-alive>

    <router-view v-if="!$route.meta.isKeepLive" />
  </div>
</template>

<script>
// // 导入
// import axios from '@/utils/request'

export default {
  //   // 演示axios发送请求
  async created() {
    console.log('Appvue打印 路由信息', this.$route)

    //     // 请求发送出去，如何获取响应结果
    //     /* axios({
    //       url: '/v1_0/channels'
    //     }) */
    //     const res = await axios({
    //       url: '/v1_0/channels'
    //     })
    //     // 成功的结果
    //     console.log(res)
  }
}
</script>

<style lang="less"></style>
